import React,{Children} from 'react'
import { SearchWarpper, SearchInputWrapper } from './styledSearch'
import search from '../../assets/images/search.png'
import all from '@/assets/images/all.png'
import { Router,Redirect,Switch,NavLink,Route } from 'react-router-dom'

export default function Search(props) {
    // const handleClick=()=>{
    //     console.log(100);
    // }
    return (
        <SearchWarpper
        {...props}
        >
            <SearchInputWrapper
                {...props}
                onClick={props.searchClick}

            >
                <div className='input'
                
                >
                    <img src={search} alt="" width="15" height="15" />
                    <span>{props.title}</span>
                </div>
            </SearchInputWrapper>
           {
               props.children
           }
            {/* <div className='all'>
                <img src={all} alt="" width="35" height="35" />
            </div> */}

        </SearchWarpper>
    )
}
